html,body { height:100%;}
body { background:#fff; color: #666; font-family: Arial,Verdana,sans-serif; font-size: 12px; padding:0; margin:0;}

div, ul, li, form, input, table, td.tr, sub, sup, p, ol, i, em { padding:0; margin:0; }
ol, ul, li { list-style:none; }
i,em { font-style:normal; }
a { text-decoration:none; }
.clear { clear:both; height:0; _line-height:0; margin:0;padding:0;}
.hide { display:none; }
.v-middle { vertical-align:middle; }
.quanping{ width:100%;background-color:#000; z-index:9998; position: absolute;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
textarea { overflow-x:hidden;}
#box { position:relative; width:100%; }

#main{ width:1210px; margin:0 auto; }
/* buttons */
.btns{display:inline-block;text-align:center;background:url(../images/btns.png) no-repeat;vertical-align: middle;color:#FFF; border:0; text-decoration:none; cursor:pointer;}
.btn-blue60{background-position:0 0;width:60px;height:25px;line-height:25px;}
.btn-blue60:hover{background-position:0px -39px;}
.btn-blue88{background-position:-214px 0;width:88px;height:25px;line-height:25px;}
.btn-blue88:hover{background-position:-214px -39px;}
.btn-orange60{background-position:-140px 0;width:60px;height:25px;line-height:25px;}
.btn-orange60:hover{background-position:-140px -39px;}
.text-tit , .image-tit, .video-tit, .radio-tit {cursor:pointer;}

#top { background: #f5f2ed; border-bottom: 2px solid #e0e0e0; height:50px; }
#top p { line-height:50px; height:50px; padding-left:10px;}
#top p span { margin-left:50px; }
#top p span label { font-size:14px;}
#top input { margin-left:5px;}
#top .fl { float:left; height:50px; line-height:50px; }
#top .ppt-menu { float:right; margin-right: 20px;  height:50px; line-height:50px;}
#top .ppt-menu label, #top .ppt-menu select{display:inline-block;}
#top .ppt-menu select {width:78px; height:20px; margin-top:15px;}
#top .ppt-menu .br { display:none; }



#left { float:left; display:inline; background: #f1e7bf;  height:650px; overflow:scroll; overflow-x:hidden; width: 185px; }
#left .top-operate { border-bottom:1px solid #b4b4b4; height:40px; background:#eadead; }
#left .top-operate p { height:40px; line-height:40px; padding-left:10px; }
#left .top-operate input { margin-left:5px;}

#left .m-content { overflow:scroll; overflow-x:hidden; }
#left .q-panel { border-bottom:1px solid #e0e0e0; height:110px; background:#eeeeee; padding:5px; cursor:pointer; }
#left .q-panel:hover { height:112px;background:#67bbd7;}
#left .q-num { float:left; width:20px; display:inline; padding:2px; }
#left .q-content { padding:3px; width:125px; height:100px; border:1px solid #b8b8b8;  background:#ffffff; overflow:hidden; }
#left .q-content:hover, #left .q-content:visited { border:1px solid #49919f;}

.visi-left { float:left; display:inline; background: #f1e7bf;  height:650px; overflow:scroll; overflow-x:hidden; width: 185px; visibility:hidden;}


#left-in { float:left; display:inline; height:650px; width:16px; background:#FFF; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
#left-in img, #left-out img { position:relative; top:45%;  }
#left-out { float:left; display:inline;  height:650px; width:16px; background:#FFF; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; display:none; }


#center { float:left; width:800px;border:0;  margin:0 auto; padding:5px 12px;}
#center .c-content { margin:0 auto; width:800px; border:1px dashed #e0e0e0; background:#FFF; height:600px;}

#right { float:left; display:inline; background: #f1e7bf; border: 1px solid #e0e0e0; height: 650px; width: 180px;}
#right li { width:180px; height:50px; line-height:50px; cursor:pointer; }
#right li .btn-text { width:30px; height:25px; background:url(../images/ppt/1.png) no-repeat; border:0; cursor:pointer;  }
#right li .btn-button { width:29px; height:25px; background:url(../images/ppt/2.png) no-repeat; border:0; cursor:pointer; } 
#right li .btn-picture { width:30px; height:30px; background:url(../images/ppt/3.png) no-repeat; border:0; cursor:pointer; } 
#right li .btn-frequency { width:31px; height:31px; background:url(../images/ppt/4.png) no-repeat; border:0; cursor:pointer; }
#right li .btn-video { width:31px; height:31px; background:url(../images/ppt/5.png) no-repeat; border:0; cursor:pointer; }
#right li input { margin:0 10px; }
#right li:hover, #right li:visited { width:178px; border:1px dashed #8d4c0d; }
#right .intr { margin:10px 6px;}
#right .intr .label { margin:5px 0;}
#right textarea { line-height:20px; height:300px; border:1px solid #e0e0e0; width:160px; }

.operate-layout { width:300px;  position:absolute; margin:0 auto; z-index:9990; top:20%; left:60%;  }
.operate-layout table {}
.operate-layout table td { height:35px; line-height:35px;}
.operate-layout table td span { float:left; display:inline; }
.operate-layout table td .colorpicker-wrap { float:left; display:inline; margin-right:63px; }
.operate-layout table td .colorpicker-wrap .colorpicker-trigger { margin-top:10px; }

.operate-top {  position:relative;width:300px; height:30px; background:url(../images/ppt/operate_border_top.png) no-repeat; }
.operate-middle { position:relative;width:300px; background:url(../images/ppt/operate_border_middle.png) repeat-y;}
.operate-bottom { width:300px; height:5px; background:url(../images/ppt/operate_border_bottom.png) repeat-y;}

.operate-close { float: right; display:inline; width:25px; height:22px; background:url(../images/ppt/ppt_close.png) no-repeat; cursor:pointer; }
.operate-close:hover { background:url(../images/ppt/ppt_close2.png) no-repeat; }


.text-layout { width:306px; padding:0px; background:#FFF;}
.text-layout .text-tit { height:25px;  line-height:25px; padding-left:3px; color:#0b81b2; cursor:pointer; }
.text-layout .textarea-class { width:300px; background:#FFF; height:50px; border:1px solid #c8c8c8; }
.text-layout .text-delete { margin-left:190px; }


.picture-layout { width:300px;  position:absolute; margin:0 auto; z-index:9990; top:22%; left:62%;}
.picture-layout .pic-tab { }
.picture-layout .pic-tab li { float:left; margin-right:5px; padding:2px 10px;  border:1px solid #e0e0e0; border-bottom:0; cursor:pointer; }
.picture-layout .pic-tab li:hover { color:#e75312; }
.cover { color:#e75312; font-weight:bold; }

.picture-layout table { padding-top:10px; }
.picture-layout table td { height:35px; line-height:35px;}
.picture-layout table td span { float:left; display:inline; }


.radio-layout { width:300px;  position:absolute; margin:0 auto; z-index:9990; top:22%; left:62%; }
.radio-layout table { padding-top:5px; }
.radio-layout table td { height:35px; line-height:35px;}
.radio-layout table td span { float:left; display:inline; }



.video-layout { width:300px;  position:absolute; margin:0 auto; z-index:9990; top:22%; left:62%;  }
.video-layout table { padding-top:5px; }
.video-layout table td { height:35px; line-height:35px;}
.video-layout table td span { float:left; display:inline; }



.preview-frame  { display:none; position:absolute!important; z-index:9999; left:38%;top:30px; margin-left:-320px!important;margin-top:-10px!important;  }
.preview-frame tr { line-height:28px;}
.preview-frame td { padding-bottom:8px; font-size:14px;}
.preview-frame input { padding-left:5px;}

.preview-top { width:960px; height:50px; margin:0 auto;}
.preview-middle { width:800px; min-height:600px; margin:0 auto; }
.preview-bottom { width:960px; height:20px; margin:0 auto;}

.preview-close { width:25px; height:22px; margin-left:920px; padding-top:1px; background:url(../images/ppt/preview_close.png) no-repeat; cursor:pointer; }
.preview-close:hover {  background:url(../images/ppt/preview_close2.png) no-repeat; cursor:pointer; }

#preview-content { padding:10px 30px; }
#preview-content input, #preview-content textarea { border:0; outline:none; resize:none; }


.input40 { padding-left:2px; width:40px; height:25px; line-height:25px; border:1px solid #e0e0e0;  -moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }
.input80 { padding-left:2px; width:80px; height:25px; line-height:25px; border:1px solid #e0e0e0;  -moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }
.input170 { padding-left:2px; width:170px; height:25px; line-height:25px; border:1px solid #e0e0e0;  -moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }
.input200 { padding-left:2px; width:200px; height:25px; line-height:25px; border:1px solid #e0e0e0;  -moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }
.input750 { padding-left:2px; width:750px; height:25px; line-height:25px; border:1px solid #e0e0e0;  -moz-border-radius:2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }


/*¼ÆÊ±Æ÷*/
.timer-frame  { display:none;position:absolute; z-index:9999; left:50%;top:80px;margin-left:-20%;  }

.border-top { width:508px; height:50px; margin:0 auto; background:url(../images/questionnaire/border_top.png) no-repeat; }
.border-top { width:508px; height:50px; margin:0 auto; background:url(../images/questionnaire/border_top_radio.png) no-repeat; }
.border-middle { width:508px; margin:0 auto; background:url(../images/questionnaire/border_middle.png) repeat-y; }
.border-bottom { width:508px; height:20px; margin:0 auto; background:url(../images/questionnaire/border_bottom.png) no-repeat; }

.border-close { width:25px; height:22px; margin-left:472px; padding-top:1px; background:url(../images/questionnaire/border_close.png) no-repeat; cursor:pointer; }
.border-close:hover { width:25px; height:22px; margin-left:472px; padding-top:1px; background:url(../images/questionnaire/border_close2.png) no-repeat; cursor:pointer; }

.colorpicker-trigger{margin-top:10px;}
/* ÑùÊ½¿ØÖÆ  */
.border-layout { width:438px; height:auto; padding:10px 30px;z-index:9990;}
.border-layout .new-item { overflow:hidden; zoom:1; clear:both;_position:relative; }

.border-layout .new-item .tit { font-size:14px; width:103px; line-height:30px; height:40px; float:left; text-align:right; color:#666666; } 
.border-layout .new-item .tit em { color:red; font-family:"ËÎÌå"; padding-right:4px; }
.border-layout .new-item .bdmain { float:left; padding-left:6px; width:300px; margin-right:5px; display:inline; }
.border-layout .new-item .bdmain .m-radio { float:left; padding:8px 0px; font-size:14px; color:#666666; }
.border-layout .new-item .bdmain .m-radio input { vertical-align:-2px; margin-right:2px; }
.border-layout .new-item .new-plus { float:left; font-size:12px; color:#C00; padding:5px 10px; }
.border-layout input[type='button'] { margin-left:1px; padding:2px 6px; cursor:pointer; }
.border-submit-timer {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit.png) no-repeat; cursor:pointer; }
.border-submit-timer:hover {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit2.png) no-repeat; cursor:pointer; }

/* point parameter*/
.point-layout { padding:10px 5px; width:200px; height:600px; position:absolute; margin:0 auto; z-index:9990; top:22%; left:62%; }
.point-layout table {  }
.point-layout table td { height:35px; line-height:35px;}
.point-layout table td span { float:left; display:inline; }


.point-border-top { width:200px; height:30px; background:url(../images/ppt/option2_border_top.png) no-repeat; }
.point-border-middle { width:200px; background:url(../images/ppt/option2_border_middle.png) repeat-y; }
.point-border-bottom { width:200px; height:5px; background:url(../images/ppt/option2_border_bottom.png) no-repeat; }

.colorpicker-wrap { height:20px; line-height:20px; }

.point-close { width:25px; height:22px; margin-left: 175px; background:url(../images/ppt/ppt_close.png) no-repeat; cursor:pointer;}
.point-close:hover { background:url(../images/ppt/ppt_close2.png) no-repeat; }

.colorpicker-label {margin:9px 0;}
/* button parameter*/
.btn-blue { background:url(../images/background/blue_normal.png) repeat-x; width:68px; height:28px; color:#fff; border:1px solid #0692e4; cursor:pointer;-moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.btn-blue:hover { color:#036; background:url(../images/background/blue_hover.png) repeat-x; }
.btn-purple { background:url(../images/background/purple_normal.png) repeat-x; width:68px; height:28px; color:#fff; border:1px solid #9506e6; cursor:pointer;-moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.btn-purple:hover { color:#036; background:url(../images/background/purple_hover.png) repeat-x; }


.msg {background: #68AF02;}

/*上传图片*/
.pic-upload { position: relative; text-align: center; width: 28px; height: 16px; background: #ededed;float: right;border: 1px solid #acacac; margin-top: 1px; margin-right: 2px; }
.pic-upload span { line-height: 16px; display: block; color: #000; }
.pic-upload input { position: absolute; top: 0; left: 0; width: 30px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }